$waves-prefix-cls: "#{$css-prefix}waves" ;
.#{$waves-prefix-cls}{
	&-wrap{
	position: absolute;
    width: $waves-wrap-width;
    height:$waves-wrap-height;
    left: $waves-wrap-left;
    top:$waves-wrap-top;
    overflow: hidden;
    z-index: 0;
    color: $waves-container-color;
    pointer-events: none;
    &.light {
      color: $waves-wrap-light-color;
    }
	}
	&-animation{
		position: absolute;
    top: $waves-animation-top;
    left: $waves-animation-left;
    border-radius: $waves-animation-border-radius;
    background: $waves-animation-background;
    opacity: 0;
    -webkit-transition: $waves-animation-transition;
    -moz-transition: $waves-animation-transition;
    transition: $waves-animation-transition;
    pointer-events: none;
    overflow: hidden;
    will-change: opacity;
    &-enter{
      transition: none
    }
      
    &-visible{
      opacity: $waves-animation-visible-opacity
    }
	}
}